<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>警情闭环管控</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/okadmin.css">
    <style>
        .layui-header.okadmin-header.top{
            height: 69px;line-height: 69px;background:#2d3b91;
        }
        .okadmin-logo.left{
            height: 69px;line-height: 69px;background: #2d3b91;text-align: left;padding-left: 10px;
        }
        .okadmin-logo.left img{
            height: 60px;width: 65px;margin-right:10px;
        }
        .user-photo{
            margin-top:20px;border-top: 0px;
        }
        .content-body.center{
            top: 70px;
        }
        .layui-nav-child{
            background-color: #2d3b91;border: 0px;
        }
        .cpanel div.icon span {
            -moz-transition-duration: 0.8s;
            background-color: rgb(87 133 222);
            background-position: -30px 50%;
            border: 1px solid #CCCCCC;
            border-radius: 60px;
            color: #312e2e;
            display: block;
            float: left;
            height: 100px;
            width: 100px;
            text-align: center;
            text-indent: 0;
        }

        .cpanel div.icon span:hover {
            border: 1px solid blue;
        }
    </style>
</head>
<body class="layui-layout-body">
    <!-- 更换主体 Eg:orange_theme|blue_theme -->
    <div class="layui-layout layui-layout-admin okadmin blue_theme">
        <!--头部导航-->
        <div class="layui-header okadmin-header top">
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item">
                    <a class="ok-menu ok-show-menu" href="javascript:" title="菜单切换">
                        <i class="layui-icon layui-icon-shrink-right"></i>
                    </a>
                </li>
                <li class="layui-nav-item " style="margin:-20px 0 0 -15px; display: none" id="policeLogo">
                    <div class="okadmin-logo left" style="font-size: 16px">
                        <img src="images/login.png">
                        警情闭环管控系统
                    </div>
                </li>

            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a class="ok-refresh" href="javascript:" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs">
                    <a id="fullScreen" class=" pr10 pl10" href="javascript:">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>

                <li class="no-line layui-nav-item">
                    <a href="javascript:">
                        <span name="policName"></span>
                    </a>
                    <dl id="userInfo" class="layui-nav-child">
                        <dd><a lay-id="u-1" href="javascript:" data-url="pages/user/user.html">个人中心</a></dd>
                        <dd><a lay-id="u-2" href="javascript:" data-url="pages/user/user_pwd.html">密码修改</a></dd>
                        <dd>
                            <hr/>
                        </dd>
                        <dd><a href="javascript:void(0)" id="logout">退出登录</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!--遮罩层-->
        <div class="ok-make"></div>
        <!--左侧导航区域-->
        <div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
            <div class="layui-side-scroll okadmin-side">
                <div class="okadmin-logo left">
                    <img src="images/login.png">
                    警情闭环管控系统
                </div>
                <div class="user-photo">
                    <a class="img" >
                        <div class="cpanel">
                            <div class="icon">
                                <span style="width: 80px;height: 80px; line-height: 80px;font-size: 40px" id="policNameOne"></span>
                            </div>
                        </div>
                    </a>
                    <p>你好！<span class="userName" name="policName"></span>, 欢迎登录</p>
                </div>
                <!--左侧导航菜单-->
                <ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
                    <li class="layui-nav-item layui-this">
                        <a href="javascript:" lay-id="1" data-url="pages/policeOfficer/askForOkList.html">
                            <i is-close=false class="layui-icon">&#xe629;</i>
                            警情办理跟踪
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 内容主体区域 -->
        <div class="content-body center">
            <div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
                <div data-id="left" id="okLeftMove"
                     class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
                <div data-id="right" id="okRightMove"
                     class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
                <div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
                    <ul class="okadmin-tab">
                        <li class="no-line okadmin-tab-item">
                            <div class="okadmin-link layui-icon-down" href="javascript:;"></div>
                            <dl id="tabAction" class="okadmin-tab-child layui-anim-upbit layui-anim">
                                <dd><a data-num="1" href="javascript:">关闭当前标签页</a></dd>
                                <dd><a data-num="2" href="javascript:">关闭其他标签页</a></dd>
                                <dd><a data-num="3" href="javascript:">关闭所有标签页</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>

                <ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
                    <li class="layui-this" lay-id="1"  tab="index">
                        <i class="ok-icon">&#xe654;</i>
                        <cite is-close=false>警情办理跟踪</cite>
                    </li>
                </ul>

                <div id="tabContent" class="layui-tab-content ok-tab-content">
                    <div class="layui-tab-item layui-show">
                        <iframe src='pages/policeOfficer/askForOkList.html' frameborder="0" scrolling="yes" width="100%"
                                height="100%"></iframe>
                    </div>
                </div>
            </div>
        </div>

        <!--底部信息-->
        <div class="layui-footer okadmin-text-center">

        </div>
    </div>
    <div class="yy"></div>
    <!--js逻辑-->
    <script src="js/jquery.min.js"></script>
    <script src="lib/layui/layui.js"></script>
    <script src="js/indexJs/policeOfficer.js"></script>
</body>
</html>
